// 给上传文件按钮绑定change事件
$("#file").on('change', function (e) {
    // console.log(111);
    // console.log(e);
    var filelist = e.target.files
    var file = filelist[0]
    console.log(filelist);
    if (filelist.length === 0) {
        alert('请选择图片！')
    }
    // 利用formdata实现二进制文件上传
    var fd = new FormData()
    fd.append('image', file)
    $.ajax({
        method: 'post',
        url: '/upload',
        data: fd,
        processData: false,
        contentType: false,
        success: function (res) {
            $('#image').val(res[0].image)
        }
    })
})

// 为添加按钮绑定提交事件
$("#slidesForm").on('submit', function (e) {
    e.preventDefault()
    var fd = $(this).serialize()
    $.ajax({
        method: 'post',
        url: '/slides',
        data: fd,
        success: function () {
            location.reload()
        }
    })
})


// 渲染轮播图的数据
$.ajax({
    method: 'get',
    url: '/slides',
    success: function (res) {
        // console.log(res);
        var html = template('slidesTpl', {
            data: res
        });
        $('#slidesBox').html(html);
    }
})

// 为删除按钮绑定点击事件
$('#slidesBox').on('click', '.delete', function () {
    if (confirm('是否要进行删除操作')) {
        // 获取自定的id属性
        var id = $(this).attr('data-id')
        $.ajax({
            method: 'delete',
            url: /slides/ + id,
            success: function () {
                location.reload()
            }
        })
    }
})